/*底部区域*/
footer {
    margin-top: 20px;
   /*background-image: linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #258df1 100%);*/
    background-image: linear-gradient(-225deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
}

/*底部包裹容器*/
footer .footer-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    padding-top: 20px;
}

footer .footer-wrap > div {
    padding: 12px;
    width: 33.333333%;
}

/*联系方式*/
footer .contact {
    text-align: left;
}

footer .contact ul {
    display: flex;
    height: calc(100% - 38px);
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
}

footer .wechat {
    display: flex;
    text-align: center;
    justify-content: space-evenly;
}

footer .wechat > div {
    width: 50%;
}

footer .wechat p {
    text-align: center;
}

footer .friend-link {
    height: 100%;
}

@media (max-width: 1200px) {
    footer .footer-wrap {
        justify-content: space-evenly;
    }

    footer .footer-wrap .contact {
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        order: 2;
        width: 100%;
    }

    footer .footer-wrap .friend-link {
        width: 50%;
        border-left: 1px solid rgba(255, 255, 255, 0.4);
        order: 1;
    }

    footer .footer-wrap .wechat {
        width: 50%;
        order: 0;
    }
}

@media screen and (max-width: 750px) {
    footer .footer-wrap {
        flex-direction: column;
        justify-content: center;
        align-content: center;
    }

    footer .footer-wrap .friend-link {
        order: 0;
        border-left: none;
        width: 100%;
    }

    footer .footer-wrap .wechat {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        order: 1;
    }

    footer .footer-wrap .contact {
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        order: 2;
    }
}

footer .friend-link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

footer .friend-link ul li {
    display: flex;
    margin-left: 10px;
    justify-content: space-evenly;
}

/*版权信息*/
footer .copyrights {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    text-align: center;
}
